<template>
  <div class="image-text">
    <!-- 图文详情 -->
    <van-panel title="基本信息">
      <div class="goods-information">
        <div>
          <span>商品名称</span>
          <i>啦啦啦</i>
        </div>
        <div>
          <span>商品编号</span>
          <i>1234455</i>
        </div>
        <div>
          <span>上架时间</span>
          <i>2020-10-12</i>
        </div>
        <div>
          <span>商品类型</span>
          <i>啦啦啦</i>
        </div>
      </div>
      <div class="img-text">
        图文介绍
      </div>
    </van-panel>
    <!-- /图文详情 -->

  </div>
</template>

<script>
export default {
  name: 'Information',
  components: {

  },
  props: {

  },
  data () {
    return {
      activeName: 'a',
      goodsNum: 1 // 商品数量
    }
  },
  watch: {

  },
  computed: {

  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="less">

/deep/.van-tabs__nav {
  .van-tab--active {
    color: red;
  }
}

.van-panel {
  padding: 0px 15px;
  .goods-information {
    background-color: #f7fbfe;
    padding: 20px;
    height: 360px;
  }
  div {
    height: 100px;
  }
  span {
    margin-right: 180px;
  }
  .img-text {
    margin-top: 20px;
  }
}

</style>
